<div class="container" ng-if="state ==='loading'">
    <div class="page-header">
        <h3>数据加载中......ヾ(ｏ･ω･)ﾉ</h3>
    </div>
</div>
<div class="container" ng-if="state === 'error'">
    <div class="page-header">
        <h3>加载失败啦ミﾟДﾟ彡,刷新下页面试试</h3>
    </div>
</div>
<div class="col-xs-10 col-xs-offset-1" ng-if="state === 'finished'">
    <div class="col-xs-3 room" ng-repeat="room in rooms">
        <div class="panel panel-primary">
            <div class="panel-heading text-center">
                {{room.roomNo}}
            </div>
            <div class="list-group">
                <a class="list-group-item text-center" ui-sref="select-seat.room({roomNo:room.roomNo})">{{room.seatUsed}}/{{room.seatTotal}}</a>
            </div>
        </div>
    </div>
</div>